<style type="text/css">
    .el-upload-list {
        margin-left: 0px !important;
    }

    .v_id_{{ name }} {
        display: inline-block;
    }

    .v_id_{{ name }} ul {
        margin-left: 0px;
        padding-left: 0px;
    }

    .v_id_{{ name }} .el-upload-dragger {
        width: auto;
        height: auto;
        border: none;
    }

    em {
        color: #ff0000;
        background-color: rgba(8, 61, 0, 0);
        font-style: normal;
    }
</style>
<template id="v_id_{{ name }}">
    <div class="v_id_{{ name }}">
        <input name="{{ widget.name }}" :value="value" style="display: none" type="text">
        {% if widget.attrs.min is None and widget.attrs.max is None %}
            <el-input-number v-model="value" :step="{{ widget.attrs.step }}" step-strictly/>
        {% elif widget.attrs.min is None and widget.attrs.max is not None %}
            <el-input-number v-model="value" :step="{{ widget.attrs.step }}" :max="{{ widget.attrs.max }}"
                             step-strictly/>
        {% elif widget.attrs.min is not None and widget.attrs.max is None %}
            <el-input-number v-model="value" :step="{{ widget.attrs.step }}" :min="{{ widget.attrs.min }}"
                             step-strictly/>
        {% elif widget.attrs.min is not None and widget.attrs.max is not None %}
            <el-input-number v-model="value" :step="{{ widget.attrs.step }}" :min="{{ widget.attrs.min }}"
                             :max="{{ widget.attrs.max }}" step-strictly/>
        {% endif %}
    </div>
</template>
<script type="text/javascript">
    const BASE_URL = "https://www.umiware.com/api"
    var app_{{ name }} = new Vue({
            el: '#v_id_{{ name }}',
            data: {
                {% if widget.value is None %}
                    {% if widget.attrs.min is None %}
                        value: 0,
                    {% else %}
                        value:{{ widget.attrs.min }},
                    {% endif %}
                {% else %}
                    value: '{{ widget.value }}',
                {% endif %}
            },
        })
    ;
</script>